<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>木兮地板</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="icon" href="./images/logo.ico">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
    <!-- 顶部导航 -->
    <div class="mx_navigation" id="mx_navigation">
        <div class="mx_center mx_width">        
            <div class="navbar navbar-default ">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <a href="#" class="navbar-brand"></a>
                    </div>
                    <div class="collapse navbar-collapse" id="navItem">
                        <ul class="nav navbar-nav navbar-right" id="tab">
                            <li class="select">
                                <a href="#" >首页</a>
                            </li>
                            <li>
                                <a href="#" >关于公司</a>
                            </li>
                            <li >
                                <a href="index.html">产品展示</a>
                            </li>
                            <li>
                                <a href="index.html">招商加盟</a>
                            </li>
                            <li>
                                <a href="index.html">联系我们</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            
        </div>
    </div>

    <!-- 中间部分 -->
    <div class="mx_content" id="mx_content"> 
       <div class="homepage" >
            <!-- 轮播 -->
            <div class="home_banner">
                <div id="banner_slide" class="carousel slide" data-ride="carousel">
                    <ol class="carousel-indicators">
                        <li data-target="#banner_slide" data-slide-to="0" class="active"></li>
                        <li data-target="#banner_slide" data-slide-to="1" class=""></li>
                        <li data-target="#banner_slide" data-slide-to="2" class=""></li>
                    </ol>
                    <div class="carousel-inner" role="listbox">
                        <div class="item active">
                            <img  alt="First slide" src="./images/banner1.jpg">
                        </div>
                        <div class="item ">
                            <img  alt="Second slide" src="./images/banner2.jpg">
                        </div>
                        <div class="item ">
                            <img  alt="Third slide" src="./images/banner3.jpg">
                        </div>
                    </div>
                    <a class="left carousel-control" href="#banner_slide" data-slide="prev" role="button">
                        <span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="right carousel-control" href="#banner_slide"data-slide="next" role="button">
                        <!-- <span class="glyphicon glyphicon-chevron-right"></span> -->
                        <span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>

                    </a>
                </div>
        </div>
        <!-- 中间文字图片媒体查询 -->
        <div class="home_content mx_center mx_width">
            <h3>企业精神</h3>        
            <div class="row text-center characteristic">
                <div class="col-md-3">
                    <div class="characteristic-ico">
                        <img src="./images/pinpai.png" alt="">
                        <p class="title">品质</p>
                        <p class="sm_title">品质是品牌的发展基石</p>
                        <p class="sm_title">坚持好品质，必定铸就优质品牌</p>
                    </div>
                </div>    
                <div class="col-md-3">
                    <div class="characteristic-ico">
                        <img src="./images/keji.png" alt="">
                        <p class="title">科技</p>
                        <p class="sm_title">科技是品牌的助推力</p>
                        <p class="sm_title">只有不断科技创新，才能不会被淘汰</p>
                    </div>
                </div>    
                <div class="col-md-3">
                    <div class="characteristic-ico">
                        <img src="./images/chengxin.png" alt="">
                        <p class="title">诚信</p>
                        <p class="sm_title">诚信使品牌的防护盾</p>
                        <p class="sm_title">诚信企业，放心品牌才能走的更长久</p>
                    </div>
                </div>    
                <div class="col-md-3">
                    <div class="characteristic-ico">
                        <img src="./images/gongying.png" alt="">
                        <p class="title">共赢</p>
                        <p class="sm_title">共赢是品牌的生命力</p>
                        <p class="sm_title">与客户共赢，与员工共赢与企业共赢</p>
                    </div>
                </div>       
            </div>
            <div class="product">
                <div class="product_title">
                    <p>产品展示</p>
                </div>
                <div class="product_list">
                    <div class="row text-center">
                        <div class=" col-sm-6 col-md-4">
                            <div>
                                <img src="./images/item01.jpg" alt="">
                            </div>
                        </div>
                        <div class=" col-sm-6 col-md-4">
                            <div>
                                <img src="./images/item02.jpg" alt="">
                            </div>
                        </div>
                        <div class=" col-sm-6 col-md-4">
                            <div>
                                <img src="./images/item03.jpg" alt="">
                            </div>
                        </div>
                        <div class=" col-sm-6 col-md-4">
                            <div>
                                <img src="./images/item04.jpg" alt="">
                            </div>
                        </div>
                        <div class=" col-sm-6 col-md-4">
                            <div>
                                <img src="./images/item05.jpg" alt="">
                            </div>
                        </div>
                        <div class=" col-sm-6 col-md-4">
                            <div>
                                <img src="./images/item06.jpg" alt="">
                            </div>
                        </div>
                    </div>
                </div>
        </div>
    </div>
       </div>
       <div class="company" >
           <div class="aboutcompany_banner">
               <img src="./images/aboutus_banner.jpg" alt="">
           </div>
           <div class="aboutmx mx_width">
               <div class="about_title">
                   <p>关于木兮</p>
               </div>
               <div class="about_content">
                   <div class="container-fluid">
                       <div class="row">
                           <div class="col-md-6 text-center muxi-map">
                               <div class="mx_position">
                                    <iframe src="https://map.baidu.com/" name="frame" frameborder="0"></iframe>
                               </div>
                           </div>
                           <div class="col-md-6">
                               <p>
                                   <span>木兮地板</span>由著名的湖北百诺木业有限公司监制出品。木兮地板秉承了百诺木业一贯的品质，将严谨的作风，不苟的态度，时尚的气息有机地融合到地板中，将木兮地板的无尽心血，无穷才智淋漓尽致的展现在世人面前。
                               </p>
                               <p>
                                    湖北百诺木业有限公司以一流的设备，一流的材料，一流的技术造一流的地板，公司先后通过ISO9001质量管理认证和ISO14000环境管理体系认证，并获得“中国知名品牌”称号。强大的研发队伍，精良的生产工艺，严格的质检把关确保了木兮系列产品的优秀品质，是您居家，办公，开店的首选地板。
                               </p>
                               <p>
                                    木兮地板耐磨等级符合AC3标准，甲醛释放量低于国家E1标准，更健康环保，阻燃等级达到B1标准。湖北百诺木业有限公司对市场的坚定信念和雄厚的实力以及积极响应政府和环保政策都让自己在市场上占有重要的位置，并成为地板行业的领跑者。
                               </p>
                               <p>
                                    <span>“一面艺术,一面科技”，</span>湖北百诺木业有限公司将用最真诚的行动来打动每位客户。
                               </p>
                           </div>
                           
                       </div>   
                   </div>   
               </div>
           </div>
       </div>

    </div>

    <!-- 底部 -->
    <div class="bottom" id="bottom">
        
        <div class="row mx_width mx_center">
            
            <div class="col-sm-4 col-md-3 ">
                <div class="bottom_logo">
                    <img src="./images/logo3.png" alt="">
                </div>
            </div>
            <div class="col-sm-8 col-md-6 ">
                <div class="row changepage" id="changepage">
                    <div class=" col-sm-3 col-md-3 ">
                        <a href="#">关于公司</a>
                    </div>
                    <div class=" col-sm-3 col-md-3 ">
                        <a href="#">产品展示</a>
                    </div>
                    <div class=" col-sm-3 col-md-3 ">
                        <a href="#">招商加盟</a>
                    </div>
                    <div class=" col-sm-3 col-md-3 ">
                        <a href="#">联系我们</a>
                    </div>
                         
                </div>
                <p class="copyright">版权所有©木兮实业有限公司  鄂ICP备18011650号</p>
            </div>
            <div class="col-sm-12 col-md-3 ">
                
                <div class="row contact">
                   <p class=" col-sm-4 col-md-12 ">
                       <!-- iconfont -->
                        <span class="glyphicon glyphicon-earphone"></span>
                        027-83622296
                    </p>
                   <p class=" col-sm-4 col-md-12 ">
                        <span class="glyphicon glyphicon-phone"></span>
                        13387576980
                    </p>
                   <p class=" col-sm-4 col-md-12 ">
                        <span class="glyphicon glyphicon-envelope"></span>
                        yt15yi@163.com
                    </p>
                    
                </div>
                
            </div>
            
        </div>
        
    </div>

    <script>
        var $lis = $("#tab>li");
        for(var i=0;i<$lis.length;i++){
            $lis[i].index=i;
        }

        $lis.click(function(){
            $(this).addClass("select").siblings().removeClass("select");
            $("#mx_content").children().hide().eq(this.index).show();
        });
    </script>
</body>
</html>